<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 变量的作用范围 叫做作用域

        // 全局变量 页面下script 标签下的
        // 全局作用域下 创建的变量 在页面的任何地方都可以使用
        // 全局变量会作为 window对象的属性和方法来保存
        // window 是一个全局变量
        var temp = "hello";
        function say(){
            alert("hi");
        }
        console.log(window);
        console.log(temp); // window.temp 一般书写这些代码的时候都省略了window
        //say();



        // 函数作用域 函数体内部
        // 函数作用域下 创建的变量(局部变量) 只能在函数内部使用
     var y = 10; //全局变量,页面的任意地方都可以使用
      function foo() {
        var x = 1; // 局部变量 (只能在 foo函数内部使用)
        console.log(y); // 10
      }
      foo();
      console.log(x); //  x is not defined
    </script>
</body>
</html>